
MainLists = <<MNLST
    <div class="panel">                
        <fieldset>
			<div class="row"> <label> <a class="linkItem" href="artists.html">All Artists</a> </label> </div>
			<div class="row"> <label> <a class="linkItem" href="albums.html">All Albums</a> </label> </div>
        </fieldset>   
    </div>
MNLST



PlayerTpl = <<PTPL
<script language="javascript"> var playArgs="@@playArgs@@"; </script>
<div class="panel" id="player">    
  <table>
    <tr>
      <td style = "padding-right: 10px"> 
        <image id="stopT" src="/stop.png" onmouseup="stopTrack();" />
      </td>
      <td style = "padding-right: 10px"> 
        <image id="playT" src="/play.png" onmouseup="playPauseTrack(playArgs);" />
      </td>
      <td style = "padding-right: 10px"> 
        <image id="shuffleT" src="/shuffle.png" onmouseup="playShuffle(playArgs);" />
      </td>
      <td> 
        <image id="nextT" src="/next.png" onmouseup="nextTrack();" />
      </td>
    </tr>
  </table>          
</div>
PTPL


ArtistTpl = '<div class="row"> <label> <a class="linkItem" href="artist_ref">artist_name</a> </label> </div>'

IdexPage1 = <<DESC1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1">
	<title>
		Tunes on Mysz
	</title>
	<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0;user-scalable=0;" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<link rel="apple-touch-icon" href="/playTunes.png" />	
	<link href="/iui.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="/iui.js"></script>
</head>

<body onLoad="iTunesWebLoaded(false);">
    <div class="toolbar">
		<h1 id="pageTitle">@@_machine_name@@</h1>
        <a id="homeButton" class="button" href="/index.html">Home</a>
    </div>
    
    @@player@@
	
	@@MainLists@@
    
    <div class="panel">                
        <fieldset>
DESC1

IdexPage2 = <<DESC2
        </fieldset>   
    </div>
</body>
</html>

DESC2


PlayingPage = <<PPGE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1">
	<title>
		Tunes on Mysz
	</title>
	<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0;user-scalable=0;" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<link rel="apple-touch-icon" href="/playTunes.png" />	
	<link href="/iui.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="/iui.js"></script>
</head>


  
  
<body onLoad="iTunesWebLoaded(true);" onUnload="goodbyePlayPage();" >
    <div class="toolbar">
		<h1 id="pageTitle">@@_machine_name@@</h1>
        <a id="homeButton" class="button" href="/index.html">Home</a>
    </div>
    
    @@player@@
	
    <div class="panel">                
        <fieldset>
		
			<div align="center" style="padding-top: 4px;"> 
				<img style="" id="progress" src="/albumArt/progress.png" /> 
				<img style="border: 2px solid black;" id="albumArt" src="@@picture@@" /> 
			</div>
			<div style="color: white; padding-top: 2px; text-align: center;" id="currentSong">@@song@@</div>
			<div style="color: white; padding-top: 2px; text-align: center;" id="currentAlbum">@@album@@</div>
			<div style="color: white; padding-top: 2px; text-align: center;" id="currentArtist">@@artist@@</div>
			<p/><p/><p/>
        </fieldset>   
    </div>

</body>
</html>

PPGE

__END__


<div align="center" style="padding-top: 4px; background-image: url(/albumArt/default.png); background-repeat: no-repeat; width: 180px; height: 180px;" id="blenddiv">

    <img src="/albumArt/default.png" style="border: 2px solid black; width: 180px; height: 180px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;" id="blendimage" alt="" />

</div>
